<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="/auth-tags" prefix="auth" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<head style="height:100%;">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>角色管理</title>
	<script src="<%=basePath%>resources/js/common/main/global.js"></script>
	<script src="<%=basePath%>resources/js/common/main/nav.js"></script>
	<script src="<%=basePath%>resources/js/system/role/role.js"></script>
	
	<style type="text/css"> 
		.side {width: 120px; float: left; border:1px solid #99FF99;} 
		.side1 {width: 200px; float: left; border:1px solid #99FF99;} 
		.active {color:red;}
		.modal-table{width:100%;}
		.modal-table tr{line-height:35px;}
		.modal-table th{width:20%;text-align:right;padding-right:20px;}
		.modal-table td{width:30%;}
		.updVehicleBtn{
		    height: 20px;
		    line-height: 20px;
		    background: #e77817;
		    border: none;
		    color: #fff;
		    margin-right: 5px;
		}
		#role_name{
			color:#444;
		}
	 </style> 
</head>
<body onkeydown="if(event.keyCode=='13'){query();}" class="conditionSetting" style="height:100%;">
	<div class="page">
		<div class="main clearfix">
			<div class="querys fl" id="tdiv">
				<div class="userQuery mt20 clearfix pr">
					<auth:authorize operation="systemData,roleManage,query">
						<ul class="clearfix fl" style='margin-right:30px'>
							<li class="fl clearfix pr"><input class="userInput fl" type="text" id="role_name" placeholder="请输入角色名称"><span class=' pa'></span></li>
						</ul>
						<a class="fl userBtn" href="javascript:;" id="queryBtn" onclick="if(query()==false) return false;">查询</a>
					</auth:authorize>
				</div>
				<div class="userResult">
					<div class="userOpeart">
						<ul class="clearfix">
							<auth:authorize operation="systemData,roleManage,add">
								<li class="userAdd OpeartLi-vehicle fl">
									<a class="db clearfix OpeartA" id="addUserBtn" name="addUserBtn" href="javascript:;" onclick="if(addButton()==false) return false;">
										<span class="add-icon db fl OpeartIcon"></span>
										<div class="add-text OpeartText fl" >增加</div>
									</a>
								</li>
							</auth:authorize>
							<auth:authorize operation="systemData,roleManage,update">
								<li class="userAdd OpeartLi-vehicle fl">
									<a class="db clearfix OpeartA" href="javascript:;" id="updateUserBtn" name="updateUserBtn" onclick="update();">
										<span class="update-icon db fl OpeartIcon"></span>
										<div class="add-text OpeartText fl">修改</div>
									</a>
								</li>
							</auth:authorize>
							<auth:authorize operation="systemData,roleManage,delete">
								<li class="userAdd OpeartLi-vehicle fl">
									<a class="db clearfix OpeartA" href="javascript:;" id="delUserBtn" name="delUserBtn" onclick="if(deleteData()==false) return false;">
										<span class="remove-icon db fl OpeartIcon"></span>
										<div class="add-text OpeartText fl">删除</div>
									</a>
								</li>
							</auth:authorize>
						</ul>
					</div>
					<div class="queryTable">
						<div id="tbGrid"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
</body>

</html>		